<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
	String basePath = request.getContextPath();
	String path = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+basePath+"/";
	request.setAttribute("path",path);
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
	<meta name="format-detection" content="telephone=no,address=no,email=no"/>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<title>评价</title>
	<script type="text/javascript" src="${path}/school/js/jquery.js"></script>
	<script type="text/javascript" src="${path}/js/jquery-2.1.1.min.js"></script>
	<link href="${path}/school/css/style.css" rel="stylesheet" media="all">
	<link rel="shortcut icon" href="${path}/school/img/favicon.png">
</head>
<body>
	<header class="top_header">
		<h1><a href="javascript:history.go(-1);" class="go_back"></a><span></span></h1>
	</header><!-- header -->
	<div class="content_wrap kdcomment_wrap">
		<ul class="kdcomment_list" id="orderul_1">
			<c:forEach items="${orderThemeList}" var="item">
			<li>
			<form action="${path}/addEvaluate" method="post" id="form" name="form">
				<input id="themeId" name="themeId" value="${item.themeId}" style="display: none">
				<input id="orderId" name="orderId" value="${item.id}" style="display: none">
				<div class="kdcomment_top">
					<div class="kdcomment_img fl"><a href="${path}/kaSampleDet?themeId=${item.themeId}"><img src="${path}${item.photo}"></a><div class="dummy"></div></div>
					<div class="kdcomment_txt fl">
						<a href="${path}/kaSampleDet?themeId=${item.themeId}">${item.themeName}</a>
					</div>
					<div class="clear"></div>
				</div>
				<div class="kdcomment_textarea">
					<textarea class="textarea" id="text_txt2" name="content" onfocus="document.getElementById('kdcomment_note2').style.display='none'" onblur="if(value=='')document.getElementById('kdcomment_note2').style.display='block'"></textarea>
					<div id="kdcomment_note2" class="kdcomment_note">说说你对这次拍摄的感受，对其他小伙伴帮助很大哦~</div>
					<p class="kdcomment_nu"><span id ="num_txt2">0</span>/500</p>
				</div>
				
				<div class="kdcomment_up">
					<p>
						<input name="Fruit" type="radio" id="kdcomment_praise2" class="" value="3" >
						<label class="kdcomment_praise kdcomment_lable" for="kdcomment_praise2"><i class="kdcomment_icon"></i>好评</label>
						
					</p>
					<p>
						<input name="Fruit" type="radio" id="kdcomment_rating2" class="" value="2" >
						<label class="kdcomment_rating kdcomment_lable" for="kdcomment_rating2"><i class="kdcomment_icon"></i>中评</label>
						
					</p>
					<p>
						<input name="Fruit" type="radio" id="kdcomment_bad2" class="" value="1" >
						<label class="kdcomment_bad kdcomment_lable" for="kdcomment_bad2"><i class="kdcomment_icon"></i>差评</label>
						
					</p>
					<div class="clear"></div>
				</div>
				<div class="b_nav kdcomment_a">
					<button type="submit">提交评论</button>
				</div><!-- b_nav -->
			</form>
			</li>
			</c:forEach>
		</ul><!-- kdcomment_list -->
	</div><!-- content_wrap -->
	<div class="footer_copyright">
		<p><span>苏州知行合一网络科技有限公司</span>提供技术支持，版权所有</p>
	</div><!-- footer_copyright -->
	<script>
		$(function(){   
			$('#text_txt1').on('keyup',function(){   
				var txtval = $('#text_txt1').val().length;   
				console.log(txtval);   
				var str = parseInt(0+txtval);   
				console.log(str);   
				if(str < 500 ){   
					 $('#num_txt1').html(''+str+'');
				}else{   
					$('#num_txt1').html('500');   
					 $('#text_txt1').val($('#text_txt1').val().substring(0,500));   
				} 
			});
			$('#text_txt2').on('keyup',function(){   
				var txtval = $('#text_txt2').val().length;   
				console.log(txtval);   
				var str = parseInt(0+txtval);   
				console.log(str);   
				if(str < 500 ){   
					 $('#num_txt2').html(''+str+'');
				}else{   
					$('#num_txt2').html('500');   
					 $('#text_txt2').val($('#text_txt2').val().substring(0,500));   
				} 
			}); 
		}) 
	</script>
</body>
</html>